<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>{$Think.config.web_site_title}</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="__PUBLIC__/bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="__PUBLIC__/plugins/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="__PUBLIC__/plugins/pace/pace.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="__PUBLIC__/dist/css/AdminLTE.min.css">
    <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
    <link rel="stylesheet" href="__PUBLIC__/dist/css/skins/{$Think.config.color_style}.min.css">
    <link rel="stylesheet" href="__PUBLIC__/layui/css/layui.css">
    <link rel="stylesheet" href="__PUBLIC__/dist/css/style.css">
    <block name="style"></block>
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- jQuery 2.2.3 -->
    <script src="__PUBLIC__/plugins/jQuery/jquery-2.2.3.min.js"></script>
</head>

<body class="hold-transition {$Think.config.color_style} sidebar-mini fixed layout-boxed">
    <!-- Site wrapper -->
    <div class="wrapper">
        <header class="main-header">
            <!-- Logo -->
            <a href="__PUBLIC__/index2.html" class="logo">
                <!-- mini logo for sidebar mini 50x50 pixels -->
                <span class="logo-mini"><b>E</b></span>
                <!-- logo for regular state and mobile devices -->
                <span class="logo-lg">{:config('web_site_title')}App后台</span>
            </a>
            <!-- Header Navbar: style can be found in header.less -->
            <nav class="navbar navbar-static-top">
                <!-- Sidebar toggle button-->
                <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button" style="font-size: 15px">
                <span class="sr-only">导航切换</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
                <div class="navbar-custom-menu">
                    <ul class="nav navbar-nav">
                        <!-- User Account: style can be found in dropdown.less -->
                        <li class="dropdown user user-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <img src="{$Think.session.admin.face}" class="user-image" alt="User Image">
                            <span class="hidden-xs">{:session('admin.nickname')}</span>
                        </a>
                            <ul class="dropdown-menu">
                                <li><a href="{:url('info/user')}"><i class="fa fa-user"></i>个人信息</a></li>
                                <if condition="session('admin.id') eq 1">
                                    <li><a href="{:url('public/clearCache')}" class="ajax-get" target="1"><i
                                        class="fa fa-trash-o"></i>清空模板缓存</a></li>
                                    <li><a href="{:url('public/clearDataCache')}" class="ajax-get" target="1"><i
                                        class="fa fa-trash-o"></i>清空数据缓存</a></li>
                                </if>
                                <li class="divider"></li>
                                <li><a href="{:url('public/logout')}" class="ajax-get" target="1"><i
                                    class="fa fa-power-off fa-fw"></i>安全退出</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </nav>
        </header>
        <!-- =============================================== -->
        <!-- Left side column. contains the sidebar -->
        <aside class="main-sidebar">
            <!-- sidebar: style can be found in sidebar.less -->
            <section class="sidebar">
                <!-- Sidebar user panel -->
                <div class="user-panel">
                    <div class="pull-left image">
                        <img src="{$Think.session.admin.face}" class="img-circle" alt="User Image" style="width: 48px;height: 48px;">
                    </div>
                    <div class="pull-left info">
                        <p>{:session('admin.nickname')}</p>
                        <volist name=":session('admin.group')" id="vo">
                            <a href="javascript:;"> {$vo.name}</a>
                        </volist>
                    </div>
                </div>
                <!-- search form -->
                <form action="#" method="get" class="sidebar-form">
                    <div class="input-group">
                        <input type="text" name="q" class="form-control" placeholder="搜索...">
                        <span class="input-group-btn">
                        <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i
                                class="fa fa-search"></i>
                        </button>
                        </span>
                    </div>
                </form>
                <!-- /.search form -->
                <!-- sidebar menu: : style can be found in sidebar.less -->
                <ul class="sidebar-menu">
                    <li class="header">导航菜单</li>
                    <volist name="__MENU__.menu" id="menu">
                        <li <in name="menu.id" value="$__MENU__['pids']">class="treeview active"
                            <else/> class="treeview"
                            </in>
                            >
                            <a href="{$menu.name|url}">
                        <i class="fa {$menu.icon|default='fa-angle-right'}"></i> <span>{$menu.title}</span>
                        <notempty name="menu.child">
                                    <span class="pull-right-container">
                                      <i class="fa fa-angle-left pull-right"></i>
                                    </span>
                        </notempty>
                    </a>
                            <notempty name="menu.child">
                                <ul class="treeview-menu">
                                    <volist name="menu.child" id="vo">
                                        <li <in name="vo.id" value="$__MENU__['pids']">class="active"</in>
                                            >
                                            <a href="{$vo.name|url}" <i class="fa {$vo.icon|default='fa-angle-right'}"></i>&nbsp;&nbsp;{$vo.title}
                                <notempty name="vo.child">
                                                    <span class="pull-right-container">
                                                        <i class="fa fa-angle-left pull-right"></i>
                                                    </span>
                                </notempty>
                                </a>
                                            <notempty name="vo.child">
                                                <ul class="treeview-menu">
                                                    <volist name="vo.child" id="v">
                                                        <li <in name="v.id" value="$__MENU__['pids']">class="active"</in>
                                                            >
                                                            <a href="{$v.name|url}" <i class="fa {$v.icon|default='fa-angle-right'}"></i>
                                            &nbsp;&nbsp;{$v.title}</a>
                                                        </li>
                                                    </volist>
                                                </ul>
                                            </notempty>
                                        </li>
                                    </volist>
                                </ul>
                            </notempty>
                        </li>
                    </volist>
                    <li class="header">帮助文档</li>
                </ul>
            </section>
            <!-- /.sidebar -->
        </aside>
        <!-- =============================================== -->
        <!-- Content Wrapper. Contains page content -->
        <div class="content-wrapper">
            <!-- Content Header (Page header) -->
            <section class="content-header">
                <ol class="breadcrumb">
                    <li><a href="{:url('/')}"><i class="fa fa-dashboard"></i> 控制台</a></li>
                    <volist name="__MENU__.crumb" id="vo">
                        <li><a href="{$vo.name|url}"><i class=<i class="fa {$vo.icon}"></i> {$vo.title}</a></li>
                    </volist>
                </ol>
                <span class="pull-right"><a href="javascript:;" id="refresh" class="text-muted inline"><i
                    class="fa fa-spinner" data-toggle="tooltip" data-original-title="刷新"></i></a></span>
            </section>
            <!-- Main content -->
            <section class="content">
                <block name="content">
                    <div class="panel panel-default panel-intro">
                        <div class="panel-heading">
                            <em>{$__MENU__.self.title}</em>{$__MENU__.self.remark}
                        </div>
                        <div class="panel-body">
                            <block name="body"></block>
                        </div>
                    </div>
                </block>
            </section>
            <!-- /.content -->
        </div>
        <!-- /.content-wrapper -->
        <footer class="main-footer">
            <div class="pull-right hidden-xs">
                <b>Version</b> {$Think.const.THINK_VERSION}
            </div>
            <strong>Copyright &copy; 2014-{:date('Y')} <a href="javascript:;">LeaCMF 管理系统</a>.</strong> All rights reserved.
        </footer>
    </div>
    <!-- ./wrapper -->
    <!-- Bootstrap 3.3.6 -->
    <script src="__PUBLIC__/bootstrap/js/bootstrap.min.js"></script>
    <!-- SlimScroll -->
    <script src="__PUBLIC__/plugins/slimScroll/jquery.slimscroll.min.js"></script>
    <script src="__PUBLIC__/layui/layui.js"></script>
    <script type="text/javascript" src="__PUBLIC__/plugins/pace/pace.min.js"></script>
    <!-- AdminLTE App -->
    <script src="__PUBLIC__/dist/js/app.min.js"></script>
    <script type="text/javascript">
    var lea = window.lea || { cache: null, cache_list_url: '' };
    </script>
    <script src="__PUBLIC__/res/lea.js"></script>
    <block name="script">
    </block>
</body>

</html>